><

Working with color



You can color text and objects in your Web pages using the Color palette. The Color palette actually contains several individual palettes, including RGB, CMYK, and Web-safe colors which appear properly in any Web browser. First, you choose a color from the Color palette, and then you add the color to text and objects on your page. To make it easy for you to match a color already used on your page, you can also extract color from a region below the pointer, even from an image on your page. In addition, if you are using Adobe GoLive for Mac OS, you can set options and preferences that allow you and your viewers to view JPEG images without any artifacts.

To open the Color palette:

Do one of the following:

  • Choose Window > Color.
  • Click the Text Color field on the toolbar.
  • Click any color field in the Inspector.

  • To choose a color from the Color palette:

    1 Open the Color palette.

    2 Click the triangle in the upper right corner of the Color palette to display the Color palette menu, and choose the desired button. Or, click one of the following buttons in the Color palette:

  • Gray Slider button () to use a single slider control to adjust the percentage of black to create the desired shade of gray.
  • RGB Sliders button () to use three slider controls to adjust the percentage of the red, green, and blue portions of the spectrum.
  • CMYK Sliders button () to use four slider controls to adjust the percentage of the cyan, magenta, yellow, and black portions of the spectrum.
  • HSB Wheel button () to access the entire color spectrum currently supported by your video hardware. To select a color, click a location in the color wheel, and then adjust the brightness using the brightness slider control.
  • HSV Picker button () to set the hue, saturation, and value (brightness) independently. You set the hue in the outer ring, the saturation on the horizontal axis of the square, and the value on the vertical axis of the square.
  • Palettes button () to display various fixed system color spaces up to a maximum of 256 colors. To select a color, choose a set of colors from the pop-up menu, and click a swatch. The pop-up menu lets you limit your choice of colors, capture the current desktop colors, or build a custom color palette by copying colors from objects on the desktop or document window.
  • Web Color List button () to display 216 Web-safe colors across platforms. By limiting the number of colors to 216, you can ensure that your page looks good when viewed on systems set to 256 display colors, such as standard PCs. The Value text box shows the Red, Green, and Blue hexadecimal value sent to the browser. To select a color, click a swatch, or scroll through the list and click a color in the list.
  • Web Name List button () to display a choice of browser-callable colors. These colors are not all Web-safe across platforms. The Name and Value text boxes show the clear-text name and the HTML control code sent to the browser. To select a color, click a color in the list.
  • PMColorPickerModule button () to display the colors that you have collected in the Colors tab of the site window. (For more information on the Colors tab of the site window, see The External, Colors, Fontsets, and Custom tabs.) The colors are only available if the site window is open. To select a color, click a color in the list.

  • 3 To display color values using percentages in the Color palette, choose Percent Values from the Color palette menu. Deselect this option if you want to display color values using the 256 numerical scale.

    4 Select a color from the individual palette of your choice.

    To color text or an object:

    1 Select the text or object in the document window that you want to color.

    2 If you are coloring selected text in the document window, click the Text Color field on the toolbar to select it. Otherwise, click a color field in the Inspector to select it.

    3 In the Color palette, select a color from the individual palette of your choice.

    Adobe GoLive automatically applies the color to the Text Color field on the toolbar or the color field in the Inspector, activates the color option for the color field in the Inspector if needed, and applies the color to your current selection in the work area.

    To color selected text or an object, you can also drag a color from the preview pane of the Color palette to the selected text in the document window, the Text Color field on the toolbar, or a color field in t he Inspector.

    To extract a color from a region below the pointer:

    1 Choose Window > Color.

    2 In the Color palette, click the Palettes () or Web Color List () button.

    3 Move the pointer to any swatch in the Color palette, so that the pointer changes to an eyedropper. Then drag to the color in the document window that you want to extract. The extracted color appears in the preview pane of the Color palette.

    4 To color text or an object using the extracted color, select the text or object that you want to color. Then drag the color from the preview pane of the Color palette to the selected text in the document window, the Text Color field on the toolbar, or a color field in the Inspector.


    Page Layout Basics > Working with color

    Related subtopics: